export const primaryColor = 'var(--brand-color)';
export const lowPrimaryColor = 'var(--brand-color-disabled)';
export const handleSize = {
  width: '16px',
  height: '16px',
};

export const sourceCommonStyle = {
  backgroundColor: '#fff',
  borderColor: primaryColor,
  borderWidth: '1px',
  borderRadius: '50%',
  zIndex: 10000,
};
export const handleConnectedStyle = {
  borderColor: lowPrimaryColor,
  backgroundColor: primaryColor,
  borderWidth: '2px',
  width: '12px',
  height: '12px',
  zIndex: 10000,
};
export const handleHighLightStyle = {
  borderColor: 'var(--brand-color-hover)',
  display: 'flex',
  alignItems: 'center',
  justifyContent: 'center',
  width: '16px',
  height: '16px',
  zIndex: 10000,
};
